<template>
    <view class="content" @touchstart="hideDrawer">
		<page-head :title="i18n.pages.agree"></page-head>
		<image src="../../static/tabbar/return.png" mode="" class="page-return" @tap="back"></image>
		<web-view :webview-styles="webviewStyles" :src="url"></web-view>
    </view>
</template>

<script>
	import service from '../../service.js';
	import pageHead from '../../components/page-head.vue';
	export default {
		computed: {
			i18n () {
				return this.$t('index');
			}
		},
		components: {
			pageHead,
        },
		data() {
			return {
				webviewStyles: {
                    progress: {
                        color: '#FF3333'
                    }
                },
				url:''
			};
		},
		onShow:function(){
			uni.setNavigationBarTitle({
				title: this.i18n.pages.agree
			});
			this.url = 'https://www.baidu.com/';
		},
		methods:{
			back(){
				uni.reLaunch({
					url: '/pages/login/login'
				})
			}
		}
    }
</script>

<style lang="scss">
	.content{
		padding: 0;
		background: #F2F2F2;
	}
	.qrcode{
		z-index: 40;
		width: 100%;
		height: 1300upx;
		position: fixed;
		padding-top: 90upx;
		/* #ifndef H5 */
		padding-top: 120upx;
		/* #endif */
		
	}
	.qr-code{
		z-index: 50;
		width: 320upx;
		height: 320upx;
		margin: 0 calc(50% - 160upx);
		margin-top: 750upx;
		position: absolute;
		background: #FFFFFF;
		/* #ifndef H5 */
		margin-top: 780upx;
		/* #endif */
	}
	.back_img{
		margin: 0;
		height: 100%;
	}
</style>